<i-form :model="this.data" class='app-form' ref='form'  id='connection_main' style="">
    <input style="display:none;" />
    <row >
            
<i-col class="form-layout-container" v-show="detailsModel.group1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.group1" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.group1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.connection.main_form.details.group1')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.group1" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.connectionname.visible" :style="{}"  :md="{ span: 12, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='connectionname' :itemRules="this.rules.connectionname" class='' :caption="$t('entities.connection.main_form.details.connectionname')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.connectionname.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box v-model="data.connectionname"  @enter="onEnter($event)"   unit=""  :disabled="detailsModel.connectionname.disabled" type='text'  style=""></input-box>
</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.record1id.visible" :style="{}"  :md="{ span: 12, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='record1id' :itemRules="this.rules.record1id" class='' :caption="$t('entities.connection.main_form.details.record1id')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.record1id.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box v-model="data.record1id"  @enter="onEnter($event)"   unit=""  :disabled="detailsModel.record1id.disabled" type='text'  style=""></input-box>
</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.record1rolename.visible" :style="{}"  :md="{ span: 12, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='record1rolename' :itemRules="this.rules.record1rolename" class='' :caption="$t('entities.connection.main_form.details.record1rolename')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.record1rolename.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-picker 
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.record1rolename.disabled"
  name='record1rolename'
  deMajorField='connectionrolename'
  deKeyField='connectionrole'
  :service="service"
  :acParams="{ serviceName: 'ConnectionRoleService', interfaceName: 'FetchDefault'}"
  valueitem='record1roleid' 
  :value="data.record1rolename"
  :pickupView="{ viewname: 'connection-role-pickup-view', title: $t('entities.connectionrole.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'connectionroles', parameterName: 'connectionrole' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
  style=""  
  @formitemvaluechange="onFormItemValueChange($event)">
</app-picker>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.record2rolename.visible" :style="{}"  :md="{ span: 12, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='record2rolename' :itemRules="this.rules.record2rolename" class='' :caption="$t('entities.connection.main_form.details.record2rolename')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.record2rolename.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-picker 
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.record2rolename.disabled"
  name='record2rolename'
  deMajorField='connectionrolename'
  deKeyField='connectionrole'
  :service="service"
  :acParams="{ serviceName: 'ConnectionRoleService', interfaceName: 'FetchDefault'}"
  valueitem='record2roleid' 
  :value="data.record2rolename"
  :pickupView="{ viewname: 'connection-role-pickup-view', title: $t('entities.connectionrole.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'connectionroles', parameterName: 'connectionrole' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
  style=""  
  @formitemvaluechange="onFormItemValueChange($event)">
</app-picker>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.record2id.visible" :style="{}"  :md="{ span: 12, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='record2id' :itemRules="this.rules.record2id" class='' :caption="$t('entities.connection.main_form.details.record2id')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.record2id.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box v-model="data.record2id"  @enter="onEnter($event)"   unit=""  :disabled="detailsModel.record2id.disabled" type='text'  style=""></input-box>
</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.record2idobjecttypecode.visible" :style="{}"  :md="{ span: 12, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='record2idobjecttypecode' :itemRules="this.rules.record2idobjecttypecode" class='' :caption="$t('entities.connection.main_form.details.record2idobjecttypecode')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.record2idobjecttypecode.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box v-model="data.record2idobjecttypecode"  @enter="onEnter($event)"   unit=""  :disabled="detailsModel.record2idobjecttypecode.disabled" type='text'  style=""></input-box>
</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.record2objecttypecode.visible" :style="{}"  :md="{ span: 12, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='record2objecttypecode' :itemRules="this.rules.record2objecttypecode" class='' :caption="$t('entities.connection.main_form.details.record2objecttypecode')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.record2objecttypecode.error" :isEmptyCaption="false" labelPos="LEFT">
    
<dropdown-list 
    v-model="data.record2objecttypecode"
    :data="data"
    :context="context"
    :viewparams="viewparams"
    :localContext ='{ }' 
    :localParam ='{ }' 
    :disabled="detailsModel.record2objecttypecode.disabled"
    valueType="string"
    tag='Connection__Record2ObjectTypeCode'
    codelistType='STATIC'
    placeholder='请选择...'
    
/>
</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.statecode.visible" :style="{}"  :md="{ span: 12, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='statecode' :itemRules="this.rules.statecode" class='' :caption="$t('entities.connection.main_form.details.statecode')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.statecode.error" :isEmptyCaption="false" labelPos="LEFT">
    
<dropdown-list 
    v-model="data.statecode"
    :data="data"
    :context="context"
    :viewparams="viewparams"
    :localContext ='{ }' 
    :localParam ='{ }' 
    :disabled="detailsModel.statecode.disabled"
    valueType="number"
    tag='Connection__StateCode'
    codelistType='STATIC'
    placeholder='请选择...'
    
/>
</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.statuscode.visible" :style="{}"  :md="{ span: 12, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='statuscode' :itemRules="this.rules.statuscode" class='' :caption="$t('entities.connection.main_form.details.statuscode')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.statuscode.error" :isEmptyCaption="false" labelPos="LEFT">
    
<dropdown-list 
    v-model="data.statuscode"
    :data="data"
    :context="context"
    :viewparams="viewparams"
    :localContext ='{ }' 
    :localParam ='{ }' 
    :disabled="detailsModel.statuscode.disabled"
    valueType="number"
    tag='Connection__StatusCode'
    codelistType='STATIC'
    placeholder='请选择...'
    
/>
</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.effectiveend.visible" :style="{}"  :md="{ span: 12, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='effectiveend' :itemRules="this.rules.effectiveend" class='' :caption="$t('entities.connection.main_form.details.effectiveend')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.effectiveend.error" :isEmptyCaption="false" labelPos="LEFT">
    <date-picker type="datetime" :transfer="true" format="yyyy-MM-dd HH:mm:ss" placeholder="请选择时间..." :value="data.effectiveend" :disabled="detailsModel.effectiveend.disabled" style="min-width: 150px; width:160px;" @on-change="(val1, val2) => { this.data.effectiveend = val1 }"></date-picker>
</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.effectivestart.visible" :style="{}"  :md="{ span: 12, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='effectivestart' :itemRules="this.rules.effectivestart" class='' :caption="$t('entities.connection.main_form.details.effectivestart')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.effectivestart.error" :isEmptyCaption="false" labelPos="LEFT">
    <date-picker type="datetime" :transfer="true" format="yyyy-MM-dd HH:mm:ss" placeholder="请选择时间..." :value="data.effectivestart" :disabled="detailsModel.effectivestart.disabled" style="min-width: 150px; width:160px;" @on-change="(val1, val2) => { this.data.effectivestart = val1 }"></date-picker>
</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.description.visible" :style="{}"  :md="{ span: 12, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='description' :itemRules="this.rules.description" class='' :caption="$t('entities.connection.main_form.details.description')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.description.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box v-model="data.description"  @enter="onEnter($event)"   unit=""  :disabled="detailsModel.description.disabled" type='text'  style=""></input-box>
</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.ownerid.visible" :style="{}"  :md="{ span: 12, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='ownerid' :itemRules="this.rules.ownerid" class='' :caption="$t('entities.connection.main_form.details.ownerid')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.ownerid.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box v-model="data.ownerid"  @enter="onEnter($event)"   unit=""  :disabled="detailsModel.ownerid.disabled" type='text'  style=""></input-box>
</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.ownertype.visible" :style="{}"  :md="{ span: 12, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='ownertype' :itemRules="this.rules.ownertype" class='' :caption="$t('entities.connection.main_form.details.ownertype')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.ownertype.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box v-model="data.ownertype"  @enter="onEnter($event)"   unit=""  :disabled="detailsModel.ownertype.disabled" type='text'  style=""></input-box>
</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.ownername.visible" :style="{}"  :md="{ span: 12, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='ownername' :itemRules="this.rules.ownername" class='' :caption="$t('entities.connection.main_form.details.ownername')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.ownername.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box v-model="data.ownername"  @enter="onEnter($event)"   unit=""  :disabled="detailsModel.ownername.disabled" type='text'  style=""></input-box>
</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>


    </row>
</i-form>